<div class="container-fluid">
	<div class="row common-header">
		<div class="col-xs-12">权限管理</div>
	</div>
	<div class="row common-head">
		<div class="col-xs-5">
			<div class="common-head-search">
				<input class="clear-input" type="text" placeholder='Search' ng-model='name_filter'>
				<span class="glyphicon glyphicon-search common-search-icon"></span>
			</div>
		</div>
		<div class="col-xs-7 border-left common-head-content">
			<div>
				用户
				<span class='color-show'>{{list_block_data.username}}</span>
				的角色分配
			</div>
		</div>
	</div>
	<div class="row common-content">
		<div class="col-md-5 common-content-block">
			<div class="row common-content-list" ng-repeat="item in user_data |orderBy:['username'] | filter:name_filter" ng-click='user_list(item,user_data)' ng-class="{true: 'color-role', false: 'color-white'}[item.iscolor]">
				<div class="col-xs-12">
					<li>
						<span class="glyphicon glyphicon-user"></span>
						{{item.name}}
					</li>
					<li>门店：{{item.shop_name}}</li>
					<li>职位：{{item.rank}}</li>
				</div>
			</div>

		</div>
		<div class="col-md-7 border-left role-assign">
			<div class="col-md-4 role-all">
				<div class="row role-search">
					<input class="clear-input role-bg-all" type="text" placeholder='所有角色 search' ng-model='role_all_filter'></div>
				<div class="row role-item" ng-repeat="list in roles_all_data |filter:role_all_filter" ng-class="{true: 'color-role', false: 'color-black'}[list.is_role_color]" ng-click='role_list(list)'>
					<div class="col-xs-12">
						{{list.rolename}}
						<span class="glyphicon glyphicon-plus"></span>
					</div>
				</div>
			</div>

			<div class="col-md-4 role-all col-md-offset-1">
				<div class="row role-search">
					<input class="clear-input role-bg-del" type="text" placeholder='已有角色 search' ng-model='role_del_filter'></div>
				<div class="row role-item" ng-repeat="list in role_data |filter:role_del_filter" ng-class="{true: 'color-role', false: 'color-black'}[list.is_role_color]" ng-click='role_del(list)'>
					<div class="col-xs-12">
						{{list.rolename}}
						<span class="glyphicon glyphicon-minus"></span>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>